[docs-infra] Reduce scrollbar width on TOC #41148
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
I saw this done in Docusaurus https://github.com/facebookincubator/infima/blob/aa1eebd35cdaee3348eb47315774882464cb522f/packages/core/styles/utilities/custom-scrollbar.pcss#L17 while I was browsing a docs of another project. They also do it for the side nav tab, but this feels wrong. So I opened a PR, quick-win.
One step closer to address #38710. A previous iteration was done in #37770.
Before
![SCR-20240217-ulre](https://private-user-images.githubusercontent.com/3165635/305674241-4be2a57a-903c-4cc7-b1af-2655b6ae6ab1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4Mjc5MjYsIm5iZiI6MTczOTgyNzYyNiwicGF0aCI6Ii8zMTY1NjM1LzMwNTY3NDI0MS00YmUyYTU3YS05MDNjLTRjYzctYjFhZi0yNjU1YjZhZTZhYjEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTdUMjEyNzA2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9N2E2YTBhNjBhMGM4MDlmNGNlZmNjNDdhNDcxODdjZDA0ZmFjNmIwMWIzYTU2ZWIzMzhhYjNiODc4MGZkNzBmNSZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.r5zPkmVstCJb5DdFWT8FF2yIZdXFkZPw25Xxe-lXv1U)
After
![SCR-20240217-ulps](https://private-user-images.githubusercontent.com/3165635/305674242-a559fe51-9f8b-4c1c-ae91-04ab4c908971.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk4Mjc5MjYsIm5iZiI6MTczOTgyNzYyNiwicGF0aCI6Ii8zMTY1NjM1LzMwNTY3NDI0Mi1hNTU5ZmU1MS05ZjhiLTRjMWMtYWU5MS0wNGFiNGM5MDg5NzEucG5nP1gtQW16LUFsZ29yaXRobT1BV1M0LUhNQUMtU0hBMjU2JlgtQW16LUNyZWRlbnRpYWw9QUtJQVZDT0RZTFNBNTNQUUs0WkElMkYyMDI1MDIxNyUyRnVzLWVhc3QtMSUyRnMzJTJGYXdzNF9yZXF1ZXN0JlgtQW16LURhdGU9MjAyNTAyMTdUMjEyNzA2WiZYLUFtei1FeHBpcmVzPTMwMCZYLUFtei1TaWduYXR1cmU9YjZhY2E0ODIyZTJjZDM1OTVhN2ExMWM4OTg5ZmJmOWNmNDhhNjc5NmFhMWQwNGIyNDUyZjVlMTVjMGEzYWQ0YyZYLUFtei1TaWduZWRIZWFkZXJzPWhvc3QifQ.d4vO5gOnz7z66vmQZBd7JUfowVjldsOwzdPaYPRC0ck)
Ideally, we could have used https://stackoverflow.com/a/68860350/2801714 but Chrome is so buggy with it, it's not ready yet.